<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>数据统计</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>.shengmanumber:hover,.saomanumber:hover{text-decoration: underline;}</style>
	</head>

	<body>
		<script src="js/tpl/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="page-wrapper productlist minwidth border" id="page-wrapper">
			<div class="line"></div>
			<script src="js/tpl/menu.js" type="text/javascript" charset="utf-8"></script><div class="vertival-line"></div>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem active">
							<a href="dataCount.html#dataCount">产品统计</a>
						</li>
						<li class="tabItem">
							<a href="qrCount.html#dataCount">扫码统计</a>
						</li>
						<li class="tabItem">
							<a href="prizeCount.html#dataCount">中奖统计</a>
						</li>
					</ul>
				</div>

				<div class="page-container">
					<div class="page-form">
						<div class="form">
							<form class="inline-form" id="searchForm">

								<div>
									<label>产品信息：</label>
									<input type="text" placeholder="请输入产品信息" style="width: 120px;" />
								</div>
								<div>
									<label>产品类型：</label>
									<div class="overlay">
										<!--这个是用来存放选中的select的值的-->
										<input type="hidden" value="" class="form-select-value">
										<div class="dropdown">
											<button class="dropdown-toggle form-dropdown" type="button">
				                                <span class="value" data-default="产品类型">产品类型</span>
				                                <span class="caret"></span>
				                            </button>
											<ul class="none">
												<li data-value="001">1</li>
												<li data-value="002">2</li>
												<li data-value="003">3</li>
												<li data-value="004">4</li>
											</ul>
										</div>
									</div>
								</div>
								<div>
									<label>创建时间：</label>
									<input type="text" class="Wdate" onfocus="WdatePicker()" />--<input type="text" class="Wdate" onfocus="WdatePicker()" />
								</div>
								<input type="hidden" value="" id="pageNo" name="pageNo" />
								<input type="button" value="搜索" class="search-input-button" />
								<input type="button" value="重置" class="search-input-button bgblue" onclick="resetForm()" style="margin-right:0px;" />

							</form>
						</div>
					</div>
					<div class="table">
						<div class="tablelist">
							<table>
								<thead>
									<tr>
										<th>产品名称</th>
										<th>产品类型</th>
										<th>产地</th>
										<th>生码数量</th>
										<th>扫码数量</th>
										<th>创建时间</th>
									</tr>
								</thead>
								<tbody id="itemContainer">
									<tr>
										<td>
											<p class="text-ellipsis">好酒买买提葡萄牙膏</p>
										</td>
										<td>
											<p>浓香型白酒</p>
										</td>
										<td>
											<p class="text-ellipsis">新疆叽里呱啦自助噶</p>
										</td>
										<td>
											<p class="colorblue shengmanumber">2000</p>
										</td>
										<td>
											<p class="colorblue saomanumber">52630000</p>
										</td>
										<td>
											<p>2016-08-09 20:09:21</p>
										</td>
									</tr>

									<tr>
										<td>
											<p class="text-ellipsis">好酒买买提葡萄牙膏</p>
										</td>
										<td>
											<p>浓香型白酒</p>
										</td>
										<td>
											<p class="text-ellipsis">新疆叽里呱啦自助噶</p>
										</td>
										<td>
											<p class="colorblue shengmanumber">2530000</p>
										</td>
										<td>
											<p class="colorblue saomanumber">526305000</p>
										</td>
										<td>
											<p>2016-08-09 20:09:21</p>
										</td>
									</tr>

									<tr>
										<td>
											<p class="text-ellipsis">好酒买买提葡萄牙膏</p>
										</td>
										<td>
											<p>浓香型白酒</p>
										</td>
										<td>
											<p class="text-ellipsis">新疆叽里呱啦自助噶</p>
										</td>
										<td>
											<p class="colorblue shengmanumber">253000</p>
										</td>
										<td>
											<p class="colorblue saomanumber">52630000</p>
										</td>
										<td>
											<p>2016-08-09 20:09:21</p>
										</td>
									</tr>
									
									<tr>
										<td>
											<p class="text-ellipsis">好酒买买提葡萄牙膏</p>
										</td>
										<td>
											<p>浓香型白酒</p>
										</td>
										<td>
											<p class="text-ellipsis">新疆叽里呱啦自助噶</p>
										</td>
										<td>
											<p class="colorblue shengmanumber">25385656000</p>
										</td>
										<td>
											<p class="colorblue saomanumber">52630000</p>
										</td>
										<td>
											<p>2016-08-09 20:09:21</p>
										</td>
									</tr>


								</tbody>
							</table>
						</div>

						<div class="pagelist fr">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>
						</div>

					</div>

				</div>

			</div>
		</div>

		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/wdatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/scroll/jquery.slimscroll.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layFun.js" type="text/javascript" charset="utf-8"></script>
	<script>
	    
	    var snum,slen,scount,yushu,sa,shtml;
    
				
		$(function() {
			selectObj.showChangeValue();
			var pageObj = new pageFun();
			var currentpage = 1,
				perPage = 10,
				totalNumber = 50;
				pageObj.pageNoObj = $('#pageNo');
				pageObj.submitFun = function() {
					$('#searchForm').submit();
				}
				/*参数每页多少个,当前页,总个数,容器的ID*/
			pageObj.init(perPage, currentpage, totalNumber, 'itemContainer');
			$(".saomanumber").click(function() {
				layObj.open('saomaDetail.html',800,740,'铺货单详情',callback);
			});
			$(".shengmanumber").click(function() {
				layObj.open('shengmaDetail.html',800,740,'生码详情',callback);
			});
			
			//这里是计算数值
			$('.shengmanumber').each(function(){
				sliceNumber(this);
			})
			$('.saomanumber').each(function(){
				sliceNumber(this);
			})
			
			function sliceNumber(obj){
				snum=$.trim($(obj).html());
				slen=snum.length;
				scount=Math.ceil(slen/4);
				yushu=slen%4; 
				if(yushu==0){
					yushu=4;
				}
				shtml='';
				for(var i=0;i<scount;i++){
					if(i==0){
						sa=snum.slice(0,i*4+yushu);
					}else{
						sa=snum.slice( (i-1)*4+yushu , i*4+yushu);
					}
					
					shtml+=sa+',';
				}
				shtml=shtml.slice(0,-1);
				$(obj).html(shtml);
			}
			
			function callback(layero,index){
				console.log('eee');
			}

		})
	</script>

</html>